 <!-- 底部footer -->
 <div class="container-fluid footer">
   <div class="container">
     <div class="row">
       <div class="col-md-3">
         <h3>
           <a role="button" data-toggle="collapse" href="#service" class="visible-xs-block visible-sm-block">
             服务
             <span class="glyphicon glyphicon-menu-down"></span>
           </a>
           <span class="hidden-xs hidden-sm">服务</span>
         </h3>
         <ul class="collapse" id="service">
           <li>Z-BLOG博客</li>
           <li>Z-MUSIC音乐</li>
           <li>Z-EDU教育</li>
           <li>Z-MALL电子商城</li>
           <li>Z-GAME游戏与娱乐</li>
         </ul>
       </div>

       <div class="col-md-3">
         <h3>
           <a role="button" data-toggle="collapse" href="#value" class="visible-xs-block visible-sm-block">
             价值观
             <span class="glyphicon glyphicon-menu-down"></span></a>

           <span class="hidden-xs hidden-sm">价值观</span>
         </h3>
         <ul class="collapse" id="value">
           <li>社会责任</li>
           <li>教育</li>
           <li>隐私</li>
           <li>公益活动</li>
         </ul>
       </div>

       <div class="col-md-3">
         <h3>
           <a role="button" data-toggle="collapse" href="#collaborate" class="visible-xs-block visible-sm-block">
             合作 <span class="glyphicon glyphicon-menu-down"></span></a>

           <span class="hidden-xs hidden-sm">合作</span>
         </h3>
         <ul class="collapse" id="collaborate">
           <li>Github</li>
           <li>Gitee</li>
           <li>掘金</li>
           <li>Vue.js</li>
           <li>React.js</li>
           <li>Node.js</li>
         </ul>
       </div>

       <div class="col-md-3">
         <h3>
           <a role="button" data-toggle="collapse" href="#about-us" class="visible-xs-block visible-sm-block">
             关于我们<span class="glyphicon glyphicon-menu-down"></span></a>

           <span class="hidden-xs hidden-sm">关于我们</span>
         </h3>
         <ul class="collapse" id="about-us">
           <li>团队</li>
           <li>工作机会</li>
           <li>活动</li>
           <li>联系我们</li>
         </ul>
       </div>
     </div>
     <p class="copyright">Copyright © 2021 ZhaoChong保留所有权利。</p>
   </div>
 </div>
 <!-- 底部footer结束 -->
 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
 <!-- bootstrap中的js文件 依赖于jquery 所以必须在之前放一个jquery的js文件 -->
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
 </script>
 </body>

 </html>
